.index {
    background: #f2f2f2;

    .index_top {
        background: #fff;
        width: 100%;
        height: 375rpx;

        .banner {
            width: 100%;
            height: 375rpx;

            image {
                width: 100%;
                height: 100%;
            }
        }
    }

    .classify {
        width: 350px;
        height: 180px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 10px;
        box-shadow: 5px 5px 3px #ccc;
        background: #fff;

        .li {
            width: 17%;
            text-align: center;
            margin: 0 5px;

            image {
                width: 100%;
                height: 100%;
            }
        }
    }

    //优惠咨询
    .youhui {
        width: 100%;
        height: 45px;
        border-bottom: 1px solid #ccc;
        line-height: 45px;
        display: flex;
        background: #fff;

        image {
            width: 65px;
            height: 16px;
            margin-top: 14px;
        }

        .notice {
            width: 100%;
        }
    }

    // 好礼直播
    .good {
        width: 100%;
        padding: 10px 0;
        background: #fff;
        text-align: center;

        image {
            width: 348px;
            height: 100%;
            border-radius: 20px;
        }
    }

    //限时秒杀
    .limit {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
        background: #fff;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 6px;
        }

        image {
            width: 20px;
            height: 20px;
            margin: 0 15px;
        }

        text {
            margin-right: 15px;
        }
    }

    //限时秒杀商品
    .limitGoods {
        width: 100%;
        display: flex;
        background: #fff;
        padding: 20px 0;

        image {
            width: 130px;
            height: 130px;
            margin-left: 15px;
        }

        .limitGoods_rig {
            width: 60%;
            padding: 0 15px;

            .limitGoods_rig_text {
                width: 100%;
                font-size: 14px;
            }

            .limitGoods_rig_radius {
                width: 100%;
                height: 10px;
                background: #fdedee;
                border-radius: 25px 25px;
                margin: 5px 0;
            }

            .limitGoods_price {
                width: 100%;

                .original {
                    color: #ccc;
                    font-size: 12px;
                    text-decoration: line-through;
                    margin-left: 5px;
                    margin-right: 10px;
                }

                .van-button {
                    width: 100px;
                    height: 30px;
                }
            }
        }
    }

    //爆款推荐
    .faddish {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
        background: #fff;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 10px;
        }

        image {
            width: 20px;
            height: 20px;
            margin: 0 15px;
        }

        text {
            margin-right: 15px;
        }
    }

    //爆款推荐商品
    .faddishGoods {
        width: 100%;
        display: flex;
        background: #fff;

        .faddishGoods_left {
            width: 45%;
            height: 212px;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin: 10px;

            image {
                width: 100%;
                height: 80%;
            }

            .faddishGoods_text {
                font-size: 14px;
            }
        }
    }

    //疯狂砍价
    .insane {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
        background: #fff;
        margin-top: 15px;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 10px;
        }

        image {
            width: 20px;
            height: 20px;
            margin: 0 15px;
        }

        text {
            margin-right: 15px;
        }
    }

    //疯狂砍价商品
    .insaneGoods {
        width: 100%;
        display: flex;
        background: #fff;

        image {
            width: 25%;
            height: 100px;
        }

        .insaneGoods_rig {
            width: 70%;
            padding-bottom: 10px;
            margin-left: 10px;

            .insaneGoods_text1 {
                font-weight: 600;
            }

            .insaneGoods_text2 {
                font-size: 14px;
                color: #ccc;
            }

            .insaneGoods_jindu {
                margin: 10px 0;
            }

            .kan {
                width: 100%;

                .van-button {
                    float: right;
                    width: 100px;
                    height: 30px;

                }
            }
        }
    }

    //全民拼团
    .group {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
        background: #fff;
        margin-top: 15px;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 10px;
        }

        image {
            width: 20px;
            height: 20px;
            margin: 0 15px;
        }

        text {
            margin-right: 15px;
        }
    }

    //  <!-- 全民拼团商品 -->
    .groupGoods {
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding-bottom: 15px;

        .img {
            width: 100%;
            height: 125px;
            overflow: hidden;
            margin: 7px;

            image {
                width: 100%;
                margin: 0 5px;
            }
        }

        .groupGoods_text1 {
            padding: 0 15px;
            font-weight: 400;
        }

        .groupGoods_text2 {
            font-size: 14px;
            color: #ccc;
        }

        .groupGoods_price {
            .text1 {
                color: red;
                font-size: 20px;
            }

            .text2 {
                font-size: 12px;
                color: #ccc;
                text-decoration: line-through
            }

            .van-button {
                width: 100px;
                height: 30px;
                float: right;
                margin-right: 20px;
            }
        }
    }

    //商品列表
    .Goods {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 10px 0;
        background: #fff;
        margin-top: 15px;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 10px;
        }

        image {
            width: 20px;
            height: 20px;
            margin: 0 15px;
        }

        text {
            margin-right: 15px;
        }
    }

    //<!-- 商品列表--商品 -->
    .GoodsList {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background: #fff;

        .GoodsList_list {
            width: 45%;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 10px 5px;
            background: #fff;

            image {
                width: 100%;
            }

            .list_text1 {
                font-size: 14px;
            }

            .list_text2 {
                font-size: 14px;
                color: #ccc;
            }

            .price {
                .price_text1 {
                    color: red;
                    font-size: 20px;
                }

                .price_text2 {
                    color: #ccc;
                    font-size: 14px;
                    text-decoration: line-through;
                }
            }
        }
    }

    // <!-- 右边礼包 -->
    .gift {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        right: 0;
        bottom: 50px;
        position: fixed;
        text-align: center;

        image {
            width: 80%;
            height: 80%;
            text-align: center;
            margin-top: 5px;
        }
    }

    .btomm {
        display: flex;
        width: 100%;
        justify-content: center;
        background: #fff;

        view {
            width: 25%;
            height: 2px;
            background: rgba(204, 204, 204, 0.329);
            margin-top: 25px;
        }

        text {
            margin: 15px;
            color: #ccc;
        }
    }
    .top_inp{
        width: 100%;
        height: 64px;
        background: #fff;
        display: flex;
        align-items: center;
        .inp_tet{
            margin: 0 15px;
            font-weight: 600;
        }
        .inp{
            background: #f2f2f2;
            border-radius: 10px;
            height: 34px;
            padding: 0 5px;
        }
    }
}